<link href="{:C('CSS_URL')}style.css" rel="stylesheet">
<style type="text/css">
  .pagelist a {
    margin: 0 3px;
  }
  .pagelist span.current {
    background: #09F;
    background-color: rgb(0, 153, 255);
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    color: #FFF;
    border-color: #09F;
    margin: 0 2px;
  }
  .pagelist span, .pagelist a {
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    display: inline-block;
    padding: 5px 12px;
  }
  a {
    color: #333;
    text-decoration: none;
  }
  a {
    background: transparent none repeat scroll 0 0;
  }
  .pagelist {
    text-align: center;
  }
</style>
<div class="banner">
  <section class="box">
    <ul class="texts">
      <p>打了死结的青春，捆死一颗苍白绝望的灵魂。</p>
      <p>为自己掘一个坟墓来葬心，红尘一梦，不再追寻。</p>
      <p>加了锁的青春，不会再因谁而推开心门。</p>
    </ul>
    <div class="avatar"><a href="#"><span>孙昭权</span></a> </div>
  </section>
</div>
<div class="template">
  <div class="box">
    <h3>
      <p><span>个人相册</span>展示</p>
    </h3>
    <ul>
      <foreach name="pics_info" item="v">
        <li>
          <a href="/index.php/Home/{$v.cate_description}/showlist/cate_id/{$v.cate_id}/pics_id/{$v.pics_id}"  target="_blank"><img src="{$v.pics_logo|substr=###,1}"></a>
          <span>{$v.pics_name}</span>
        </li>
      </foreach>

    </ul>
  </div>
</div>
<article>
  <h2 class="title_tj">
    <p>文章<span>推荐</span></p>
  </h2>
  <div class="bloglist left">
    <foreach name="blog_info" item="v">
        <h3>{$v.blog_title}</h3>
        <figure><img src="{$v.blog_small_logo|substr=###,1}"></figure>
        <ul>
          <p>{$v.blog_content|msubstr=0,100,'utf-8',true}</p>
          <a href="/index.php/Home/{$v.cate_description}/showlist/cate_id/{$v.cate_id}/blog_id/{$v.blog_id}" target="_blank" class="readmore">阅读全文>></a>
        </ul>
        <p class="dateview">
            <span>&nbsp;{$v.add_time|date="Y-m-d",###}</span>
            <span>作者：{$v.author_name}</span>
            <span>个人博客：[<a href="/index.php/Home/{$v.cate_description}/showlist/cate_id/{$v.cate_id}">{$v.cate_name}</a>]</span>
        </p>
    </foreach>
      <div class="line"></div>
      <div class="blank"></div>
      <div class="pagelist">{$pagelist}</div>
  </div>
  <aside class="right">
    <div class="weather"><iframe width="250" scrolling="no" height="60" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=12&icon=1&num=1"></iframe></div>
    <div class="news">
    <h3>
      <p>最新<span>文章</span></p>
    </h3>
    <ul class="rank">
      <foreach name="news_blog" item="v">
          <li><a href="/index.php/Home/{$v.cate_description}/showlist/cate_id/{$v.cate_id}/blog_id/{$v.blog_id}" title="{$v.blog_title}" target="_blank">{$v.blog_title}</a></li>
      </foreach>

    </ul>
    <h3 class="links">
      <p>友情<span style="color:green;">链接</span></p>
    </h3>
    <ul class="website" style="width:250px;height:150px;">
      <li><a href="http://www.duanliang920.com/">段亮个人博客</a></li>
      <li><a href="http://www.ruanyifeng.com/home.html">阮一峰个人博客</a></li>
      <li><a href="http://www.itheima.com/">PHP开发--->黑马程序员</a></li>
      <li><a href="http://baijunyao.com/">白俊遥个人博客，技术博客指导</a></li>
    </ul>
      <h3 class="links">
        <p>技术<span style="color:green;">交流</span></p>
      </h3>
      <ul class="website" style="width:250px;height:150px;">
        <li><img src="{:C('IMG_URL')}qrcode_1492749382226.jpg" alt=""></li>
      </ul>
    </div>  
    <!-- Baidu Button BEGIN -->
    <div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare"><a class="bds_tsina"></a><a class="bds_qzone"></a><a class="bds_tqq"></a><a class="bds_renren"></a><span class="bds_more"></span><a class="shareCount"></a></div>
    <script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=6574585" ></script> 
    <script type="text/javascript" id="bdshell_js"></script> 
    <script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/{:C('JS_URL')}shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)
</script> 
    <!-- Baidu Button END -->   
     </aside>
</article>

